<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.6.0.min.js"></script>
    <style>
        div {
            width: 400px;
            height: 50px;
            background-color: antiquewhite;
            text-align: center;
            line-height: 50px;
        }
    </style>
</head>

<body>
    <button> 显示当前时间</button>
    <div>
        某个时间
    </div>
    <script>
        $(function() {
            function getDate() {
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth() + 1;
                var dates = date.getDate();
                var day = date.getDay();
                var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
                return '今天是：' + year + '年' + month + '月' + dates + '日' + arr[day];
            }
            $("button").on("click", function() {
                $("div").html(getDate());
            })
        })
    </script>
</body>

</html>